導(dǎo)讀:專業(yè)的edm營銷郵件發(fā)送,是有嚴(yán)格的制作要求的,本指南從格式編碼、文字、圖片及鏈接四個方面給出指引,請逐條按照本指南制作您的EDM郵件模板。一、格式編碼1. 頁面寬度請?jiān)O(shè)定在6
發(fā)表日期:2020-02-21
文章編輯:興田科技
瀏覽次數(shù):7937
標(biāo)簽:
專業(yè)的edm營銷郵件發(fā)送,是有嚴(yán)格的制作要求的,本指南從格式編碼、文字、圖片及鏈接四個方面給出指引,請逐條按照本指南制作您的EDM郵件模板。
一、格式編碼
1. 頁面寬度請?jiān)O(shè)定在600到800px(像素)以內(nèi),長度1024px以內(nèi)。
2. Html編碼請使用utf-8。
3. HTML代碼在15kb以內(nèi)。(各個郵箱的收件標(biāo)準(zhǔn)不一樣,如果超出15kb您的郵件很有可能會進(jìn)入垃圾郵件箱)。
4. 請使用table表格來布局,不要使用p標(biāo)簽。同一個<td>里只放一張圖片,如<td><img src=" photo.JpG" ></td>。所有的圖片都要定義高和寬。同一段文字放在同一<td>里。
5. 使用table布局時,應(yīng)盡量減少table的嵌套,過多的table嵌套容易導(dǎo)致郵件進(jìn)入垃圾箱或qq郵箱內(nèi)圖片不能直接顯示。
6. 避免使用display、position、float等屬性,多數(shù)郵箱中不被支持。
7. <td>標(biāo)簽中避免使用colspan,rowspan屬性,即不要合并或拆分單元格。否則容易導(dǎo)致在outlook等郵箱中圖片錯位和間隙。
8. 使用<p>來控制文字樣式時,可用margin來控制段間距,并且設(shè)置padding為0。
9. 如果需要郵件居中顯示,請?jiān)趖able里設(shè)定align="center"。
10. 不可將word類文件直接轉(zhuǎn)換為html格式,否則會造成編碼不規(guī)范。
11. css樣式需要寫在對應(yīng)的標(biāo)簽內(nèi),不要引用外部css文件,也不要寫在<style></style>之間,避免使用class和id屬性。
正確的寫法實(shí)例:<td >文字</td>。
12. 不使用Flash、Javascript、frames、i-frames、ActiveX 以及 DHTML等。
13. 不要使用<table></table>以外的body、meta和html之類的標(biāo)簽,部分郵箱系統(tǒng)會把這些過濾掉。
14. 背景圖片代碼寫法如下:<table background="background.gif" cellspacing="0" cellpadding="0">,但是,outlook和hotmail對背景圖片不識別。注意不要在style里面添加背景<td>。 應(yīng)盡量避免使用背景圖片,可選擇使用背景顏色或圖片進(jìn)行替代。
15. 不要出現(xiàn)"onMouSEOut" "onMouSEOver",即使在<td>里設(shè)置了,發(fā)送到郵箱后也將被過濾,無法顯示設(shè)定鼠標(biāo)經(jīng)過所顯示的內(nèi)容。
16. 若郵件模板內(nèi)側(cè)邊或者上下有空白間距,不要用padding,必須得用標(biāo)準(zhǔn)的td來設(shè)定空白間距,否則會導(dǎo)致各個郵箱解析不同。
17. 在yahoo郵箱里line-height要定義時的注意事項(xiàng):需在塊元素里定義line-height. 如果td里有<p>標(biāo)簽,則line-height也必須在p里定義。 無論是td還是p,如果有超鏈接,則都必須在a便簽里面定義line-height。如果只是在td或者p里面定義line-height的話,那yahoo郵箱將無法識別a里面的行高。
二、文字
1. 郵件主題控制在18個字以內(nèi),避免使用―― ……!》《等符號,容易產(chǎn)生亂碼。
2. 郵件主題和內(nèi)容都不要加入帶有網(wǎng)站地址的信息,比如“google.com公司祝您新年好”。 如果客戶的品牌知名度比較高,主題上可加入一下公司的名稱,比如:“NIKE運(yùn)動時尚。
3. 文字內(nèi)容、版面盡量簡潔,突出主題,以達(dá)到更高的點(diǎn)擊率。
4. 不使用類似如下敏感及帶促銷類的文字:免費(fèi)、優(yōu)惠、特惠、特價、低價、便宜、廉價、視頻、賺錢、群發(fā)、發(fā)財、致富、代開、薪水、交友、支付、商機(jī)、法寶、寶典、秘密、情報、機(jī)密、保密、絕密、神秘、秘訣等。如果郵件發(fā)送量大或發(fā)送數(shù)據(jù)容易引起投訴,則需要將公司標(biāo)志性信息如電話,郵箱或者品牌口號等制作成圖片,避免被ISp監(jiān)控記錄。
5. 如果發(fā)送超過20萬封,主題內(nèi)容要更換,發(fā)送超過200萬封,要考慮重新設(shè)計。
6. 文字應(yīng)盡量定義字體的樣式,每個郵箱的默認(rèn)字體樣式不同,為了達(dá)到您想要的效果,字體樣式一定要定義完整。
三、圖片
1. 盡量避免全部是圖片,注意平衡圖片和文字的比例。
2. 整頁圖片控制在8張以內(nèi),每張圖片最大不能超過15kb,每張圖片高度不能低于23px。
3. 圖片地址請不要寫成本地路徑,例如:<img src="image/menu-5.gif" >,(這樣發(fā)送出去的郵件,收件人將沒辦法看到您的圖片)。正確的寫法應(yīng)該是:<img src="http://放置圖片的網(wǎng)絡(luò)空間絕對地址/menu-5.gif"/>。
4. 圖片名稱盡量減少特殊字符命名,不能包含空格字符,后綴如.jpg不能大寫,否則某些郵箱無法識別會造成圖片不顯示。另外,圖片名稱不能含有ad字符,否則圖片上傳后會顯示成“被過濾廣告”。圖片的鏈接地址最好不要加%、¥、&等這樣的特殊字符,這些字符有些郵箱無法識別(例如:QQ郵箱、gmail郵箱),將導(dǎo)致郵件打開時圖片無法顯示,圖片地址最好由數(shù)字和字母組成。
5. 在photoshop中,不要把一張整圖直接切成過多的小圖,然后直接存儲為web格式,這種模板在郵箱中顯示效果不正常,同時進(jìn)入垃圾箱的風(fēng)險也極高!
6. 圖片的屬性一定要定義完整,例如<img src="http://mypda.cn/d/file/mobile/ncvcrfkcipnncvcrfkcipnncvcrfkcipn.jpg"/> 這里的style="vertical-align: top;"一定要定義,否則在gmial, QQ等郵箱中圖片之間會有縫隙、變形等顯示異常的情況。
7. 在<img>標(biāo)簽里面加上alt,這樣用戶在收到郵件的時候,即使有些郵箱將圖片隱藏掉,也可以看到alt=””里面內(nèi)容的顯示,如:<img src="images/1.jpg"/>,讓客戶了解到郵件內(nèi)容并吸引客戶點(diǎn)擊顯示圖片。
四、鏈接
1. 鏈接數(shù)量不能超過10個,如果所有圖片的鏈接地址一樣,請將所有的小圖合并成一張大圖。
2. 鏈接請寫成絕對地址,例如:<a >文字或圖片</a>。(以確保收信人在點(diǎn)擊鏈接時能夠正常瀏覽您的內(nèi)容)。
3. 鏈接地址的長度不能超過255個字符,會導(dǎo)致無法追蹤或鏈接錯誤。
4. 盡量不要使用地圖功能(map)鏈接圖片,此功能會使郵件被多數(shù)郵箱劃分為垃圾郵件!
5. 為避免用戶收到的郵件圖片無法瀏覽,請制作一份和郵件內(nèi)容一樣的web頁面,然后在郵件頂部寫一句話:“如果您無法查看郵件內(nèi)容,請點(diǎn)擊這里”, 鏈接到放有同樣內(nèi)容的web頁面。(Y@mail系統(tǒng)目前支持此功能,您只需要在編輯模板的時候選擇是否添加鏈接標(biāo)志)。
6. 文字中直接出現(xiàn)網(wǎng)站地址鏈接被屏蔽為垃圾郵件的風(fēng)險是極高的,例如: http:www.baidu.com,此類鏈接,建議寫成“百度”文字加鏈接,或是將網(wǎng)址做成圖片加鏈接。
7. 鏈接里面最好不要使用特殊符號,避免郵箱解析錯誤。
8. 鏈接代碼應(yīng)盡量簡短,代碼太長會增加模板大小,進(jìn)而會影響郵件發(fā)送效果。
outlook規(guī)則
1. <col>標(biāo)簽不能被識別,如果要定義幾個td相同的寬度,可以把具體的寬度寫在具體的td里。例如<td width=””></td>
2. 內(nèi)聯(lián)元素的padding無法被識別,例如<a href=”#” style=”padding-left:40px”></a>,a標(biāo)簽里面的內(nèi)容并不會距離左邊40px??梢栽趖d里定義padding.
3. 內(nèi)聯(lián)元素的vertical-align不能被識別,例如<img src=”1.jpg” style=”vertical-align:bottom”/>,此圖片并不會和相同行的元素底對齊,可以寫成<td valign=”bottom”><img src=”1.jpg”/></td>即可。
4. 如果td里包含一個table,那么定義在子table里的標(biāo)簽的樣式只會正確顯示定義在子table里的樣式,在父table的樣式是不能正確顯示的。例如:
<td style=”font-size:12px” >
<table>
<tr><td>我的字符大小會顯示默認(rèn)的大小<td></tr>
</table>
</td>在table里的文字不會顯示為12px
<td>
<table style=”font-size:12px” >
<tr><td>我的字符大小會顯示默認(rèn)的大小<td></tr>
</table>
</td>在table里的文字會顯示為12px
注意:如果在table里有a標(biāo)簽的話,則a標(biāo)簽中的內(nèi)容的顏色樣式要定義在a標(biāo)簽內(nèi),定義在父td里或所在的table里都是無效的。
5. 如果td和td之間有間隔,使用<td style=”border-bottom:10px solid #ffffff”></td>,這樣寫的話td之間是不會有間隔的。使用<td style=” margin-bottom: 10px “ ></td>也是不會有空格的。 如果td之間有間隙,必須用 <td></td><td height=””10px> </td><td></td>來隔開。 但如果是table,則<table style=”border-top:10px solid #ffffff; border-bottom:20px solid #ffffff”></table>里面的內(nèi)容會在上下有空行。
6. <p>標(biāo)簽的width是不認(rèn)識的,例如<p style=” width:320px” ></p>,則p標(biāo)簽中的內(nèi)容不會在320px處自動換行。只有<td>設(shè)置了寬度,內(nèi)容才會在寬度限制處換行。
7. 如果要使用<p>標(biāo)簽要考慮到<p>標(biāo)簽本身自帶的上下行之間的行高
8. 在<td>里設(shè)置margin是無效的,不論是margin-left、margin-right、margin-top或者margin-boottom都沒有效果。
9. 當(dāng)設(shè)置<img align=”left”/>或<img align=”right”/>時,圖片會脫離文檔流,在其父元素設(shè)置了margin或padding的話,都無法使其下移,左移或右移。
10. 在outlook中,如果嵌套的圖片太長,會導(dǎo)致顯示不正常,可將圖片裁切成幾張較短的小圖,再進(jìn)行布局。
11. 如果圖片尺寸比預(yù)設(shè)的變大,請把在style中定義的width和height提取到style 之外,并且不加長度單位。 例如: style=”width:100px; height:200px;” 應(yīng)修改為 width=”100” height=”200”
edm營銷 郵件營銷
上一篇:
做微商成績不穩(wěn)定,原因在哪里?更多新聞
2023
作為中國最大的小商品批發(fā)市場,義烏擁有眾多的企業(yè)和商家,他們亟需一個高效、便捷的方式來展示和銷售產(chǎn)品,同時與客戶進(jìn)行交流。在這篇文章中,我們將探討義烏網(wǎng)站開發(fā)的重要性,并提供一些建議和最佳實(shí)踐,幫助您打造一個專業(yè)而成功的在線業(yè)務(wù)平臺。
View details
2023
在網(wǎng)站上線之前,云南網(wǎng)站開發(fā)公司將對網(wǎng)站進(jìn)行全面測試,以確保它的功能和性能符合預(yù)期。他們將修復(fù)任何問題并進(jìn)行必要的優(yōu)化,以確保網(wǎng)站在正式上線前具備良好的性能。
View details
2023
作為喀什網(wǎng)站建設(shè)公司,我們致力于為企業(yè)提供專業(yè)、有效的網(wǎng)站建設(shè)服務(wù)。無論您是剛剛創(chuàng)立的新企業(yè),還是需要對您現(xiàn)有的網(wǎng)站進(jìn)行改進(jìn),我們都能夠提供全方位的解決方案。通過與我們合作,您將獲得一個高質(zhì)量、具有獨(dú)特品牌形象的網(wǎng)站,為您的業(yè)務(wù)增加在線存在和可見性。請聯(lián)系我們,了解更多關(guān)于我們的服務(wù)和定制方案。
View details
2023
基于我們的需求分析和策劃結(jié)果,我們的設(shè)計師將開始創(chuàng)作您的網(wǎng)站設(shè)計。一旦設(shè)計確定,我們的開發(fā)人員將開始將其轉(zhuǎn)化為實(shí)際可用的網(wǎng)站。我們將使用最新的技術(shù)和最佳的實(shí)踐方法來確保您的網(wǎng)站符合高標(biāo)準(zhǔn)。
View details